<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/commons/taglibs.jsp"%>
<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <%@ include file="/commons/meta.jsp"%>
<title>${blog.blog_title },初学者论坛，课程发布</title>
<!-- Bootstrap -->
<link href="${ctx}/css/bootstrap.css" rel="stylesheet">
<script src="${ctx}/js/jquery.min.js"></script>
	<script type="text/javascript" src="${ctx}/kindeditor/plugins/code/prettify.js"></script>
 <link rel="stylesheet" type="text/css" href="${ctx}/kindeditor/plugins/code/prettify.css" />
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
<style type="text/css">

.bs-callout {
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	background-color: #fff;
}

.bs-callout h4 {
	margin-top: 0;
	margin-bottom: 5px
}

.bs-callout p:last-child {
	margin-bottom: 0
}

.bs-callout code {
}

.bs-callout+.bs-callout {
	margin-top: -5px
}

.bs-callout-danger {
	border-left-color: #d9534f
}

.bs-callout-danger h4 {
	color: #d9534f
}

.bs-callout-warning {
	border-left-color: #f0ad4e
}

.bs-callout-warning h4 {
	color: #f0ad4e
}

.bs-callout-info {
	border-left-color: #5bc0de
}

.bs-callout-info h4 {
	color: #5bc0de
}
.bs-docs-header {
	position: relative;
	padding: 30px 15px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 0 rgba(0,0,0,.1);
	background-color: #3071a9;
	background-repeat: repeat-x;
}

.bs-docs-header {
	margin-bottom: 40px;
	font-size: 20px
}

.bs-docs-header h1 {
	margin-top: 0;
	color: #fff;
}

.bs-docs-header p {
	margin-bottom: 0;
	font-weight: 300;
	line-height: 1.4;
}

.bs-docs-header .container {
	position: relative;
}
.container h1 {
	margin-top: 0;
	color: #fff;
	text-align: left;
	font-weight:bold;
}
.container p {
	text-align: left;
}
.bs-docs-footer {
	margin-top: 0;
	border-top: 0
}

.bs-docs-footer {
	padding-top: 40px;
	padding-bottom: 20px;
	color: #777;
	text-align: center;
	border-top: 1px solid #e5e5e5
}

.bs-docs-footer-links {
	padding-left: 0;
	margin-top: 20px;
	color: #999
}

.bs-docs-footer-links li {
	display: inline;
	padding: 0 2px
}

.bs-docs-footer-links li:first-child {
	padding-left: 0
}

@media (min-width:768px) {
	.bs-docs-footer p {
		margin-bottom: 0;
		text-align: center;
	}
}


</style>
</head>
<body style="background-color: #f8f8f8;">
<jsp:include  page="top.jsp"/>
 <ol class="breadcrumb">
  <li><a href="#">首页</a></li>
  <li class="active">博文强识</li>
</ol>
     
	
	<div class="container .col-xs-" style="margin-top:10px; border-radius: 0px;">
		<div class="row" >
		<div class="col-md-3">
		<div class="panel panel-primary" style="margin-bottom:10px">
			<div class="panel-body" >
						<div class="media" style="margin-bottom:10px">
						   <a class="media-left" href="">
						    <img src="" id="pic" style="width:80px;height:80px;" alt="">
						  </a>
						    
						  <div class="media-body">
						    <h2 class="media-heading " style="color:#EA0000">${blogUserName}</h2>
						    	<p style="text-align:right">
						    	<!-- 修改资料 更改头像  -->
						    	</p>
						  </div>
						</div>
						<!-- 
					    <ul class="nav nav-pills" role="tablist">
						  	<li role="presentation" class="active"><a href="#">积分 <span class="badge">42</span></a></li>&nbsp;&nbsp;
						    <li role="presentation" class="active"><a href="#">课程 <span class="badge">2</span></a></li>
						</ul>
						 -->
			</div>
		</div>
		 <div class="row">
		 	<div class="col-md-12">
			
		 	 <div type="button" class="btn btn-primary" id="addBlog" data-toggle="button" aria-pressed="false" autocomplete="off" style="border-radius: 0px;width:100%;height:60px;margin-bottom:10px;font-weight:bold;font-size:14px">
			 他什么都没说
			</div>		
		 	</div>
		 	<!--  
		 	<div class="col-md-6">
			<button type="button" class="btn btn-primary" data-toggle="button" aria-pressed="false" autocomplete="off" style="border-radius: 0px;width:100%;height:40px;margin-bottom:10px;margin-left:0px;margin-right:0px;font-weight:bold;font-size:20px">
			  空间管理
			</button>
		 	
		 	</div>
		 	-->
		 </div>
		 <!-- 
			<button type="button" class="btn btn-primary" data-toggle="button" aria-pressed="false" autocomplete="off" style="border-radius: 0px;width:100%;height:60px;margin-bottom:10px;margin-left:0px;margin-right:0px;font-weight:bold;font-size:35px">
			  发布博文
			</button>
			  -->

						 <div class="list-group" id="classList">
							<a href="#" class="list-group-item active"> 博客分类 </a> 
						</div>
						 <div class="list-group" id="readList">
							<a href="#" class="list-group-item active"> 阅读排行</a> 
							 
						</div>
					</div>
					
					<div class="col-md-9" >
					<div class="panel panel-primary" style="margin-top:0;" >
						<div class="panel-body">
							       <h3 ><img src="${ctx}/images/yuan.gif"/>&nbsp;<img src="${ctx}/images/jian.gif"/>&nbsp;${blog.blog_title } </h3>
							       <hr style="border:none;border-top:2px solid blue; height:0;" />
    <p style="font-size:12px;color:blue;">${blog.blog_abstract }</p>
    <p> ${blog.blog_content }  
</p> 
							       <p style="text-align: right;"><b>作者</b>(${blog.bc_user_name }) &nbsp; | &nbsp;<b>阅读</b>(${blog.view_count })&nbsp; </p>
	<!--
	<p style="text-align:center">
		<button type="button" class="btn btn-primary" data-toggle="button" aria-pressed="false" autocomplete="off" style="border-radius: 0px;width:150px;height:40px;margin-bottom:10px;margin-right:20px;font-weight:bold;font-size:18px">
			  赞(${blog.praise})
		</button>
		<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" style="border-radius: 0px;width:150px;height:40px;margin-bottom:10px;font-weight:bold;font-size:18px">
		  评论
		</button>
	</p>
	  -->
</div>
					</div>
					</div>
					
			 </div>
			

	</div>
 <jsp:include page="foot.jsp"></jsp:include>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel"><b>新增评论</b></h4>
      </div>
      <div class="modal-body">
       	 <textarea id="demoEditor" name="content" style="width:100%;height:300px">
   	 
   	 	 </textarea>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary" onclick="saveInfo()">	保存</button>
      </div>
    </div>
  </div>
</div>


	<!-- Include all compiled plugins (below), or include individual files as needed -->
	 
	<script src="${ctx}/js/bootstrap.min.js"></script>
 	<script type="text/javascript">
 	$(function(){
 		
 		 //异步加载博客分类和博客
     	 jQuery.ajax({
 			type:"POST",
 		 	url:"${ctx}/classify/selClassifyAjax", 
 		 	data:"userId="+${blog.bc_user_id},
 			dataType:"json",
 			success:function(data){
 				 if(typeof(data) != undefined){
 					 	$.each(data,function(i){
					 		var liststr= "<a href='#'	class='list-group-item'>"+data[i].classify_note+"</a>";
					 		$("#classList").append(liststr);
						 });
					 }
 				}
 		 	});
		 //加载头像
         jQuery.ajax({
     		type:"POST",
     	 	url:"${ctx}/user/selUserIcon", 
     	 	data:"userId="+${blog.bc_user_id},
     		dataType:"json",
     		success:function(data){
     			 var pic = data.pic;
     				if( typeof(pic) != "undefined" &&  pic != ""){
     					$("#pic").attr("src","http://123.57.17.244:81/image/iconsavepath/"+pic);
     				} 
     			}
     	 	});
     	 jQuery.ajax({
  			type:"POST",
  		 	url:"${ctx}/blog/selBlogAjaxLimitN", 
  		 	data:"userId="+${blog.bc_user_id},
  			dataType:"json",
  			success:function(data){
  				 if(typeof(data) != undefined){
  					 	$.each(data,function(i){
 					 		var liststr= "<a href='${ctx}/blog/selBlogView/"+data[i].bc_blog_id+".html'	class='list-group-item'>"+data[i].blog_title+" <span class='badge'>"+data[i].view_count+"</span></a>";
 					 		$("#readList").append(liststr);
 						 });
 					 }
  				}
  		 	});
     	prettyPrint();
 	});

 	</script>
 		<script>
		 function saveInfo(){
			alert("保存评论");
			 $('#myModal').modal('hide');
		 }
		</script>
</body>
</html>
